<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script type="text/javascript" src="jquery.js"></script>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAFzj_-JbsjaE0AO2JsD8IqhTchv_-9Dxr5r24NY9LzPA8Ml9V3BRuDioQIbmjFukw4KZQkyHhusLT8A"
            type="text/javascript"></script>
    <script type="text/javascript">

    function initialize() {
   
    if (GBrowserIsCompatible()) {
     	 var lat;
    	 var lon;
		$.getJSON('test.js', function(json){
  	 		lon = json.longitude;
  	 		lat = json.latitude; }
			 );
			 	 	alert("hi");
	alert("JSON Data latitude: " + lat);
	alert("JSON Data longitude: " + lon);
	

        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(lat,lon,true), 10);
        map.setUIToDefault();
    	var point = new GLatLng(lat, lon);
		map.addOverlay(new GMarker(point));
     	}
    }

    </script>




   <script type="text/javascript"> 
    //Test Hi function
    function hi(){
     document.write('hi');
     }
   </script>
    
  <script type="text/javascript">
  function popup(){
  alert("Hi"); 
  }
  </script>

  
  </head>
  
 <body onload="initialize()" onunload="GUnload()">
 <div id="map_canvas" style="width: 500px; height: 300px"></div>

  
 <script type="text/javascript">
 hi();
 </script>
 
 <script type="text/javascript" >
test();
</script>




  </body>
</html>
